<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/index.css" />
</head>
    <body>
    	<div id="header">
    		<div id="hd_center">
    			<h1>
    				<img src="img/logo.png" alt="" />
    			</h1><ul >
    				<li><a href="">音乐馆</a></li>
    				<li><a href="">我的音乐</a></li>
    				<li><a href="">下载客户端</a></li>
    				<li><a href="">VIP</a></li>
    			</ul>
    			<div>
    				<input type="text" placeholder="故事未了 苏打绿" /><button><i></i></button>
    			</div>
    			<div>
    				<a href="">登录</a>
    				<a href="">开通绿钻豪华版</a>
    				<a href="">开通付费包</a>
    			</div>
    			<ul id="hd_nav">
    				<a href="">首页</a>
    				<a href="">歌手</a>
    				<a href="">专辑</a>
    				<a href="">排行榜</a>
    				<a href="">歌单剧场</a>
    				<a href="">MV</a>
    			</ul>
    		</div>
    	</div>
    	<div id="banner">
         <div id="banner_center">
             <div id="banner_title">
                 <h3>新歌首发</h3>
                 <ul>
                     <li><a href="">全部</a></li>
                     <li><a href="">华语</a></li>
                     <li><a href="">欧美</a></li>
                     <li><a href="">日本</a></li>
                     <li><a href="">韩国</a></li>
                     <li><a href="">全部 ></a></li>
                 </ul>
             </div>
             <ul id="banner_list">
                 <li>
                        <a href=""><img src="img/300 (2).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                      <li>
                        <a href=""><img src="img/300 (3).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                     <li>
                        <a href=""><img src="img/300 (4).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                     <li>
                        <a href=""><img src="img/300.jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                     <li>
                        <a href=""><img src="img/300 (1).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                     <li>
                        <a href=""><img src="img/300 (5).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                     <li>
                        <a href=""><img src="img/300 (6).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
                     <li>
                        <a href=""><img src="img/300 (7).jpg" alt="" /></a>
                        <div>
                            <p>
                                <a href="">王者归来 第8期</a>
                            </p>
                            <span>
                               王者归来
                            </span>
                        </div>
                    </li>
             </ul>
         </div>
                                         <a id="input3" href="javascript:;"> < </a>
                                <a id="input4" href="javascript:;"> > </a>   
        </div>
    	<div id="recommend">

    	</div>
    	<div id="hotBlog">
    		<div class="hb_center">
    			<div class="hb_title">
    				<span>——  </span>  排行榜  <span>  ——</span>
    				<a href="">全部 ></a>
    			</div>
    			<ul class="hb_list">
    				<li>
                        <i></i>
    					<div>巅峰榜</div>
    					<h3>流行指数</h3>
    					<ul>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    					</ul>
    				</li><li>
                    <i></i>
    					<div>巅峰榜</div>
    					<h3>热歌</h3>
    					<ul>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    					</ul>
    				</li><li>
                    <i></i>
    					<div>巅峰榜</div>
    					<h3>新歌</h3>
    					<ul>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    					</ul>
    				</li><li>
                    <i></i>
    					<div>巅峰榜</div>
    					<h3>欧美</h3>
    					<ul>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    						<li>1 火星人来过<span>薛之谦</span></li>
    					</ul>
    				</li>
    			</ul>
    		</div>
    	</div>
    	<div id="songMenu">
    		<div class="sm_center">
    			<div class="sm_title">
    				<span>——  </span>  热门歌单  <span>  ——</span>
    			</div>
    			<ul id="sm_list">
    				<li>
    					<a href=""><img src="img/300 (5).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300 (6).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300 (7).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300 (1).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300 (2).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300 (3).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300 (4).jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li><li>
    					<a href=""><img src="img/300.jpg" alt="" /></a>
    					<div>
    						<p>
    							<a href="">梦想的声音｜震撼！张惠妹</a>
    						</p>
    						<span>
    							播放量：60.8万
    						</span>
    					</div>
    				</li>
    			</ul>
    		</div>
                                <a id="input1" href="javascript:;"> < </a>
                                <a id="input2" href="javascript:;"> > </a>
    	</div>
    	<div id="mv">
    		<div id="mv_center">
    			<div class="mv_title">
    				<span>——  </span>  MV首播  <span>  ——</span>
    			</div>
    			<div class="mv_nav">
    				<a href="">全部</a>
    				<a href="">港台</a>
    				<a href="">欧美</a>
    				<a href="">内地</a>
    				<a href="">韩国</a>
    				<a href="">日本</a>
    				<a href="">全部 ></a>
    			</div>
    			<ul class="mv_list">
    				<li>
    					<a href=""><img src="img/0.jpg" alt="" /></a>
    					<h3><a href="">Million Reasons</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/1.jpg" alt="" /></a>
    					<h3><a href="">It Took Me So Long To Get Here</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/2.jpg" alt="" /></a>
    					<h3><a href="">MAXY（火力全开）</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/3.jpg" alt="" /></a>
    					<h3><a href="">爱无以复加</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/4.jpg" alt="" /></a>
    					<h3><a href="">On The Edge</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/5.jpg" alt="" /></a>
    					<h3><a href="">Miss You (钢琴版)</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/6.jpg" alt="" /></a>
    					<h3><a href="">Everything Will Say Goodbye</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li><li>
    					<a href=""><img src="img/7.jpg" alt="" /></a>
    					<h3><a href="">COUPLE (2016)</a></h3>
    					<p>Lady Gaga</p>
    					<p>3.1万</p>
    				</li>
    			</ul>
    		</div>
    	</div>
    	<div id="footer">
            <div id="footer_info">
                <div>
                    <h3>
                        下载QQ音乐客户端
                    </h3>
                    <ul class="footer_info_icon">
                        <li>
                            <i></i>
                            &nbsp PC版
                        </li><li>
                            <i></i>
                            &nbspMac版
                        </li><li>
                            <i></i>
                            Android版
                        </li><li>
                            <i></i>
                            iphone版
                        </li>
                    </ul>

                </div><div>
                    <h3>
                        特色产品
                    </h3>
                </div><div>
                    <h3>
                        合作链接
                    </h3>
                </div>
            </div>
            <p> 关于腾讯 | About Tencent | 服务条款 | 用户服务协议 | 广告服务 | 腾讯招聘 | 客服中心 | 网站导航 </p>
            <p>Copyright © 1998 - 2016 Tencent. All Rights Reserved.</p>
            <p>腾讯公司 版权所有 腾讯网络文化经营许可证</p>
        </div>

        <div id="anchor">
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
            <a href="javascript:;"></a>
        </div>
    	<script type="text/javascript" src="js/move.js"></script>
    	<script type="text/javascript" src="js/main.js"></script>
    </body>
</html>